Tutsplus – Responsive Web Design with Foundation

It’s hard to talk about web design today without bringing up responsive web design. Craig Campbell is here to teach you all about Foundation, and how you can use it for your responsive workflow.

1.Introduction1 lesson, 01:03
Free Preview
1.1Introduction01:03

2.Getting Started with Foundation2 lessons, 07:20
Free Preview
2.1What is Foundation?02:22
2.2Downloading Foundation04:58

3.Content Layout4 lessons, 36:45
3.1The Flexible Grid08:00
3.2Implementing the Grid13:54
3.3When the Browser Gets Smaller06:06
3.4The Block Grid08:45

4.Navigation8 lessons, 1:02:07
4.1Navigation Menus and Dropdowns11:21
4.2Fixing the Navigation04:19
4.3Horizontal and Vertical Navigation12:45
4.4Tabs and Accordions11:13
4.5Navigation Breadcrumbs05:44
4.6Sub Nav05:49
4.7Pagination07:42
4.8Lists and Inline Lists03:14

5.Buttons4 lessons, 24:32
5.1Creating Buttons05:21
5.2Creating Button Groups08:02
5.3Creating Dropdown Buttons04:46
5.4Creating Split Buttons06:23

6.Tables and Forms5 lessons, 44:37
6.1Tables03:37
6.2Pricing Tables10:19
6.3Forms11:22
6.4Custom Radios and Checkboxes14:36
6.5Custom Form Dropdowns04:43

7.Images and Videos3 lessons, 18:22
7.1Orbit Slider04:46
7.2Image Lightbox06:34
7.3Flex Videos07:02

8.Formatting and Visibility3 lessons, 18:02
8.1Labels, Keystrokes and Tooltips06:02
8.2Alert Boxes05:29
8.3Modal Dialogs06:31

9.Conclusion1 lesson, 01:14
9.1Conclusion01:14